<template>
  <div class="title">
    <slot>
      <span>爆款推荐</span>
    </slot>
  </div>
</template>

<script>
</script>

<style scoped lang="scss">
.title {
  padding: 0.266667rem 0;
  width: 100%;
  text-align: center;
  font-size: 0.426667rem;
  span {
    position: relative;
    &::after {
      content: "";
      display: block;
      position: absolute;
      right: -0.506667rem;
      top: 50%;
      margin-top: -4px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #d4c0a7;
    }
    &::before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: -0.506667rem;
      margin-top: -4px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #d4c0a7;
    }
  }
}
</style>
